<include file="public@head_top"/>
<link type="text/css" href="__TMPL__/public/assets/css/login.css" rel="stylesheet" />
</head>
<body class="bgeee">
<include file="public@head"/>

<php>
foreach($configblock['会员_注册图片_1920_768'] as $key=>$val)
{
	$loginbanner = $val['thumbnail'];
}
if(!empty($loginbanner))
{
	$loginbannerurl = cmf_get_image_url($loginbanner);
}else{
	$loginbannerurl = "__TMPL__/public/assets/images/login/register.jpg";
}
</php>
<style>
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
</style>
<div class="loginmain" style="background:url({$loginbannerurl}) no-repeat center center;">
  <div class="wrap clearfloat">
  <div class="st-dataBlock">
     <div class="main_right">
     <form class="js-ajax-form" action="{:url('user/Login/passwordReset')}" method="post">
        <div class="main_r_up">
            <img src="__TMPL__/public/assets/images/login/user.png" />
            <div class="pp">忘记密码</div>
        </div>
        <div class="sub"><p>已经注册？<a href="{:cmf_url('user/Login/index')}"><span class="blue">请登录</span></a></p></div>
        
        <php>
            $mobile_tab_active=empty($theme_vars['enable_mobile'])?'':'active';
            $email_tab_active=empty($theme_vars['enable_mobile'])?'active':'';
        </php>
            <notempty name="theme_vars.enable_mobile">
            <div class="card-header">
                <ul class="nav nav nav-tabs card-header-tabs" id="myTab">
                  <li class="nav-item active">
                    <a class="nav-link active" href="#mobile" data-toggle="tab">通过手机找回</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#email" data-toggle="tab">通过邮箱找回</a>
                  </li>
                </ul>
            </div>
            </notempty>
    
            <php>
                $is_open_registration = cmf_is_open_registration();
            </php>
            <div class="tab-content">
                <notempty name="theme_vars.enable_mobile">
                    <div class="tab-pane {$mobile_tab_active}" id="mobile">
                        <div class="txt">
                            <span style="letter-spacing:3px;">手机号:</span>
                            <div class="txtphone"><input name="username" type="text" placeholder="请输入手机号码" id="js-mobile-input"/></div>
                        </div>
                        <div class="txt">
                            <span style="letter-spacing:3px;">验证码:</span>
                            <div class="txtphone"><input name="code" type="text" placeholder="请输入短信验证码" class="txtyzmdx">
                            <a class="js-get-mobile-code tipTimer"
                               data-wait-msg="[second]秒后才能再次获取" data-mobile-input="#js-mobile-input"
                               data-url="{:url('user/VerificationCode/send')}"
                               daty-type="register"
                               data-init-second-left="60">获取手机验证码</a>
                            </div>
                        </div>
                    </div>
                </notempty>
                <div class="tab-pane {$email_tab_active}" id="email">
                    <div class="tab-pane {$mobile_tab_active}" id="mobile">
                        <div class="txt">
                            <span style="letter-spacing:3px;">邮箱:</span>
                            <div class="txtphone"><input name="username" type="text" placeholder="请输入电子邮箱" id="js-email-input"/></div>
                        </div>
                        <div class="txt">
                            <span style="letter-spacing:3px;">验证码:</span>
                            <div class="txtphone"><input name="code" type="text" placeholder="请输入短信验证码" class="txtyzmdx">
                            <a class="js-get-email-code tipTimer"
                                       data-wait-msg="[second]秒后才能再次获取" data-email-input="#js-email-input"
                                       data-url="{:url('user/VerificationCode/send')}"
                                       daty-type="register"
                                       data-init-second-left="60">获取邮箱验证码</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="txt">
            <span style="letter-spacing:4px;">登录密码:</span>
            <div class="txtphone"><input name="password" type="password" placeholder="请输入密码"/></div>
        </div>
        <div class="txt">
            <span style="letter-spacing:8px;">验证码:</span>
            <div class="txtphone"><input name="captcha" type="text" class="txtyzm" placeholder="请输入验证码"/>
            <div class="yzmimg"><captcha height="38" width="160" font-size="20" /></div>
            </div>
        </div>
        <div class="xiayibu"><button class="js-ajax-submit" type="submit">确认找回</button></div>
     </form>
     </div>
   </div>
  </div>
</div>

<include file="public@footer"/>
</body>    
</html>